<template>
	<view class="bar">
		<view :class="'iconfont ' + 'icon'"></view>
		<view class="label">
			{{label}}
		</view>
		<view class="value">
			<slot/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			icon: String,
			label: String
		}
	}
</script>

<style lang="scss">
.bar{
	display: flex;
	padding: 20rpx 40rpx;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px #eee solid; 
	
	.iconfont{}
	
	.label{
		flex: 1;
		margin-left: 10px;
		font-size: 12px;
	}
	
	.value{
		font-size: 12px;
	}
}
</style>